import { h, fragment } from '@knno/dom/jsx';
import { Empty } from '../../../dist/jsx/empty';
import { Icon } from '../../../dist/jsx/icon';
import { Loading } from '../../../dist/jsx/loading';
import { bar } from './index.css';
import Person from '@material-design-icons/svg/filled/person.svg';

export function ShowIcons() {
	return (
		<>
			<h1>SVG图标</h1>
			<Icon icon={Person} />
			<h2>空数据图标</h2>
			<div class={bar}>
				<Empty />
			</div>
			<h2>加载动画</h2>
			<div class={bar}>
				<Loading />
			</div>
		</>
	);
}
